<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>directive</title>
  <link rel="stylesheet" href="app/style/bootstrap.min.css">
  <link rel="stylesheet" href="app/style/index.css">
  <script src="app/js/jquery.min.js"></script>
  <script src="app/js/angular.js"></script>
  <script src="app/js/angular-ui-router.min.js"></script>
  <script src="app/app.js"></script>
  <script src="app/controller/controller.js"></script>
  <script src="app/directive/directive.js"></script>
</head>
<body ng-app="believel.directive">
  <div class="conatiner-fluid" ng-controller="demoCtrl">
    <div class="row">
      <div class="col-md-6 col-md-offset-3">
        <div class="panel panel-primary">
          <div class="panel-heading">
            <h3 class="panel-title">angular1之自定义指令directive</h3>
          </div>
          <div class="panel-body">
              <a class="btn btn-primary" ui-sref="restrict" ui-sref-active="active">restrict</a>
              <a class="btn btn-primary" ui-sref="priority" ui-sref-active="active">priority</a>
              <a class="btn btn-primary" ui-sref="terminal" ui-sref-active="active">terminal</a>
              <a class="btn btn-primary" ui-sref="template" ui-sref-active="active">template</a>
              <a class="btn btn-primary" ui-sref="templateUrl" ui-sref-active="active">templateUrl</a>
              <a class="btn btn-primary" ui-sref="replace" ui-sref-active="active">replace</a>
              <a class="btn btn-primary" ui-sref="scope1" ui-sref-active="active">scope1</a>
              <a class="btn btn-primary" ui-sref="scope2" ui-sref-active="active">scope2</a>
              <a class="btn btn-primary" ui-sref="transclude1" ui-sref-active="active">transclude1</a>
              <a class="btn btn-primary" ui-sref="transclude2" ui-sref-active="active">transclude2</a>
              <a class="btn btn-primary" ui-sref="ctrl" ui-sref-active="active">controller</a>
              <a class="btn btn-primary" ui-sref="ctrlas" ui-sref-active="active">controllerAs</a>
              <a class="btn btn-primary" ui-sref="require" ui-sref-active="active">require</a>
              <a class="btn btn-primary" ui-sref="compile" ui-sref-active="active">compile</a>
              <!-- directive复杂应用 -->
              <a class="btn btn-success" ui-sref="compile2" ui-sref-active="active">compile应用在多个指令上执行同一个元素</a>
              <a class="btn btn-success" ui-sref="NgModelController" ui-sref-active="active">指令中使用NgModelController做数据绑定</a>
              <a class="btn btn-success" ui-sref="ngIf" ui-sref-active="active">ng-if中使用ng-model</a>

          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div ui-view class="col-md-6 col-md-offset-3"></div>
    </div>
  </div>
</body>
</html>
